Designing Web Sites > Viewing a site design > Grouping design items
 		><

Grouping design items


A design group is a rectangle that encloses a number of design items (pages or other groups) and permits you to treat them as a unit. You move, copy, or delete them by moving, copying, or deleting the group. (You use the same methods you would use to move, copy, or delete a single page.) You can also close a group as a way of uncluttering the design temporarily.

Groups are not defined logically. The items in a group need to be located within the group rectangle, but they don't need to be in any particular logical relation with one another.

To group selected pages:

1 Select the pages.

2 Choose Edit > Group. A group rectangle encloses the selected pages. If unselected pages would be enclosed by the rectangle, they are automatically moved outside its border.

To create an empty group in a particular location:

1 Drag a Design Group icon from the Site tab of the Object palette to an appropriate location in the design view. If there are pages in or near this position, they will move out of the way automatically.

2 Do one or both of the following if necessary:
  • Resize the group by dragging one of its corner handles.
  • Reposition the group by dragging its title bar or border.

    • To add pages to a group:

    Drag pages into the group. If the group is too small to hold the pages you drag into it and Auto Resize is selected in the Group Inspector, the group will enlarge automatically.

    To ungroup grouped pages:

    1 Click the group.

    2 Choose Edit > Ungroup.

    To customize a group:

    1 Display the Inspector.

    2 Click the title bar or border of the group.

    3 Do any of the following in the Group Inspector:
  • Type a name. It appears in the title bar if the title bar is displayed.
  • Change the color.
  • Select or deselect Display Title Bar.
  • Select or deselect Auto Resize. With Auto Resize selected, the group is only as large as it needs to be to hold its contents, growing or shrinking as necessary.

    • To work with a group:

    Do any of the following:
  • To collapse or expand a group, click () or () in its title bar.
  • To move a group and its contents, drag its title bar or border.
  • To delete a group and its contents, select it and press the Delete key.

    • Designing Web Sites > Viewing a site design > Grouping design items